<?php
/* @var $this DetalleCompraController */
/* @var $model DetalleCompra */
/* @var $form CActiveForm */
?>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.tabletojson.js"></script>
<div class="form">

<?php $form=$this->beginWidget('CActiveForm', array(
	'id'=>'detalle-compra-form',
	// Please note: When you enable ajax validation, make sure the corresponding
	// controller action is handling ajax validation correctly.
	// There is a call to performAjaxValidation() commented in generated controller code.
	// See class documentation of CActiveForm for details on this.
	'enableAjaxValidation'=>false,
)); ?>

	<?php echo $form->errorSummary($model); ?>
	<div class="span-20">
			<div class="span-10">
				<label>Proveedor</label>
				<input type="text" value="<?php echo $cabecera->proveedor0->nombre_compania; ?>" title="<?php echo $cabecera->proveedor0->nombre_compania; ?>" disabled style="width: 100%"> 
			</div>
			<div class="span-3">
				<?php echo $form->labelEx($cabecera,'tipo_comprobante'); ?>
				<?php echo $form->textField($cabecera,'tipo_comprobante', array('disabled'=>'disabled','value'=>$cabecera->tipoComprobante->descripcion,'style'=>'width: 100%')); ?>
			</div>
			<div class="span-2">
				<?php echo $form->labelEx($cabecera,'prefijo_comprobante'); ?>
				<?php echo $form->textField($cabecera,'prefijo_comprobante', array('disabled'=>'disabled','style'=>'width: 100%')); ?>
			</div>
			<div class="span-3 last">
				<?php echo $form->labelEx($cabecera,'numero_comprobante'); ?>
				<?php echo $form->textField($cabecera,'numero_comprobante', array('disabled'=>'disabled','style'=>'width: 100%')); ?>
			</div>
			<input type="hidden" value="<?php echo $cabecera->idCompra; ?>" >
			<hr>
	</div>
	
	<h5>Detalle de Compra</h5>
	<div class="span-21">
				<div class="span-8">
					<?php echo $form->labelEx($model,'producto'); ?>
					<?php echo $form->dropDownList($model, 'producto',CHtml::listData(Producto::model()->findAll('suspendido=0',array('order'=>'descripcion')),'idProducto','nombre'), 
							array(
									'prompt' => '-- Seleccione --',
									'ajax' => array(
													'type'=>'POST', 
													'url'=>CController::createUrl('producto/DataProducto'),
													'success'=>'updateFields2',        
                                                    'dataType' => 'json',
											),
									'style'=>'width:100%') ); ?>
					<?php echo $form->error($model,'producto'); ?>
					<script type="text/javascript">
						function updateFields2(data){
								$("#medida_dinamica").val(data.medida);
								$("#DetalleCompra_precio_unitario").val(data.precio);
						}
					</script>
				</div>
				<div class="span-3">
					<label>Medida</label>
					<input disabled type="text" id="medida_dinamica" style="width: 100%" >
				</div>
				<div class="span-2">
					<?php echo $form->labelEx($model,'cantidad'); ?>
					<?php echo $form->textField($model,'cantidad',array('size'=>7,'maxlength'=>10)); ?>
					<?php echo $form->error($model,'cantidad'); ?>
				</div>
				<div class="span-3">
					<?php echo $form->labelEx($model,'precio_unitario'); ?>
					<?php echo $form->textField($model,'precio_unitario',array('size'=>7,'maxlength'=>10)); ?>
					<?php echo $form->error($model,'precio_unitario'); ?>
				</div>
				<div class="span-2">
					<?php echo $form->labelEx($model,'cambio'); ?>
					<?php echo $form->checkBox($model,'cambio'); ?>
					<?php echo $form->error($model,'cambio'); ?>
				</div>
				<div class="span-2" style="margin-top: 20px">
					<a id="add" href="#"><?php echo CHtml::image(Yii::app()->request->baseUrl.'/images/add.png');?> </a>
				</div>
	</div>
	<div class="span-20">
		<table>
			<thead>
				<tr>
					<th>Cantidad</th>
					<th>Producto</th>
					<th>Precio</th>
					<th>Cambio</th>
					<th></th>
					<th hidden="true">Id</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
	</div>

	<div class="row buttons">
		<div class="span-2">
			<?php echo CHtml::submitButton($model->isNewRecord ? 'Guardar' : 'Save'); ?>
		</div>
		
	</div>

<?php $this->endWidget(); ?>
<script type="text/javascript">

	$("#add").click(function(event){
		var cant = $("#DetalleCompra_cantidad").val();
		var id_producto = $("#DetalleCompra_producto").val();
		var producto_name = $("#DetalleCompra_producto option:selected").text();
		var price = $("#DetalleCompra_precio_unitario").val();
		var change = ($("#DetalleCompra_cambio").is(':checked')?1:0);		
		var row ="<tr><td>"+cant+"</td> <td>"+producto_name+"</td> <td>"+price+"</td> <td>"+change+"</td> <td><a href='#' onclick=eliminar_row(this)><img src='<?php echo Yii::app()->request->baseUrl;?>/images/remove.png'></a></td> <td hidden>"+id_producto+"</td></tr>";
		$('table tbody').append(row);
		resetForm();
	});
	function resetForm()
	{
		$("#DetalleCompra_cantidad").val('');
		$("#DetalleCompra_producto").val('');
		$("#DetalleCompra_precio_unitario").val('');
		$("#DetalleCompra_cambio").attr('checked', false);
		$("#medida_dinamica").val('');
	}
	$('form').submit(function(event){
			var url = $('#detalle-compra-form').attr('action');
			$.post(url,{
					'data': $('table').tableToJSON()
				})
			.done(function(data){
					window.location.href = data;
				})
			.fail(function(response){
				alert(response.responseText);
				});
			return false;
		});
	function eliminar_row(row){
		
		$(row).closest('tr').remove();
	}
</script>

</div><!-- form -->